<template>
	<view>
		<view class="one">
			<image src="../../static/images/usercode.jpg" mode=""></image>
		</view>
		<view class="two">
			<image :src="detailsj.avatar" mode="aspectFill"></image>
			<text>来自{{detailsj.nickname}}的的处方</text>
		</view>
		<view class="three">
			<image class="yqcode" :src="detailsj.url" mode=""></image>
		</view>
		<view class="four">
			<text>长按识别二维码</text>
			<text>关注【木香医生】公众号，认领您的处方</text>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				order_id:"",
				detailsj:"",
			}
		},
		onShow() {
			
		},
		onLoad(options) {
			this.order_id = options.order_id;
			this.getusercode();
		},
		methods:{
			getusercode(){
				this.$api.post(global.apiUrls.post663756d5d240d, {
					order_id: this.order_id
				}).then(res=>{
					if(res.data.code==1){
						this.detailsj = res.data.data;
					}
				});
			}
		}
	}
</script>

<style scoped>
	page{
		width: 100%;
		height: 100%;
	}
	.one{
		width: 100%;
		overflow: hidden;
	}
	.one image{
		width: 100%;
		/* height: 410rpx; */
	}
	.two{
		width: 100%;
		height: auto;
		text-align: center;
		font-size: 32rpx;
		font-weight: bold;
	}
	.two image{
		width: 200rpx;
		height: 200rpx;
		border-radius: 50%;
		display: block;
		margin: 0 auto;
		position: relative;
		top: -80rpx;
		z-index: 999;
	}
	.two text{
		position: relative;
		top: -40rpx;
	}
	.three{
		width: 100%;
		overflow: hidden;
	}
	.yqcode{
		width: 400rpx;
		height: 400rpx;
		display: block;
		margin: 0 auto;
	}
	.four{
		width: 610rpx;
		margin: 20rpx auto;
		text-align: center;
	}
	.four text{
		display: block;
		font-size: 28rpx;
		color: #666;
	}
</style>